<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="s"%>
<script type="text/javascript" src="<%=request.getContextPath()%>/js/jcarousel/jquery.jcarousel.min.js"></script>
<link rel="stylesheet" type="text/css" href="<%=request.getContextPath()%>/js/jcarousel/skins/tango/skin.css" />
<link rel="stylesheet"
		href="http://a.tbcdn.cn/apps/sell/1.0/publish_detail_ke.css?t=20110128editor.css" />

<script>
$(document).ready(function() {
	$('#mycarousel').jcarousel();
});
</script>
<style type="text/css">
<!--
fieldset {
	padding: 10px;
	margin: 10px;
	width: 270px;
	color: #333;
}

legend {
	color: #06c;
	font-weight: 800;
}

.tit_small2 {
	float: left;
	width: 750px;
	font-weight: bold;
	color: #333;
	clear: both;
	text-align: left;
	padding: 10px;
	padding-bottom: 0;
}

.tit_small2 a {
	font-weight: 500;
}

.tab_box {
	width: 770px;
	clear: both;
	padding: 10px 0;
}

.table_1 {
	width: 770px;
	border-left: 1px #c4d5e0 solid;
	border-top: 1px #c4d5e0 solid;
	clear: both;
	text-align: left;
}

.table_1 td {
	padding: 8px 0 6px 0;
	color: #333;
	text-indent: 10px;
	border-bottom: 1px #c4d5e0 solid;
	border-right: 1px #c4d5e0 solid;
}

.table_1 .tit_l {
	text-align: right;
	text-indent: 0px;
	background-color: #ecf5ff;
	color: #666;
}

.table_1 .tit_head {
	text-align: center;
	text-indent: 0px;
	background-color: #ecf5ff;
	color: #666;
}

.table_1 strong {
	color: #459207;
	margin-left: 10px;
}

.table_1 font {
	color: #f60;
}
-->
</style>

<div class="tab_box">
	<span class="tit_small2"> 业务单信息 </span>
	<table class="table_1" border="1" cellspacing="0" cellpadding="0">
		<tr>
			<td class="tit_l" width="135px">
				业务单号：
			</td>
			<td width="300px">
				&nbsp;${busiInfo.busiNo }
			</td>
			<td class="tit_l" width="135px">
				创建时间：
			</td>
			<td width="200px">
				&nbsp;<s:date name="#request.busiInfo.createDate" format="yyyy-MM-dd HH:mm" />
			</td>
		</tr>
		<tr>
			<td class="tit_l">
				发货方：
			</td>
			<td>
				&nbsp;${sendUsername }
			</td>
			<td class="tit_l">
				发货人：
			</td>
			<td>
				&nbsp;${sendUserid }
			</td>
		</tr>

		<tr>
			<td class="tit_l">
				收货方：
			</td>
			<td>
				&nbsp;${recvUsername }
			</td>
			<td class="tit_l">
				收货人：
			</td>
			<td>
				&nbsp;${recvUserid }
			</td>
		</tr>

		<tr>
			<td class="tit_l">
				初始封条号：
			</td>
			<td>
				&nbsp;${busiInfo.seqId }
			</td>
			<td class="tit_l">
				加载物类型：
			</td>
			<td>
				&nbsp;
				<s:if test='#request.busiInfo.carrierType=="1"'>
									集装箱
								</s:if>
				<s:else>
									货&nbsp;&nbsp;车
								</s:else>
			</td>
		</tr>
		<tr>
			<td class="tit_l">
				<s:if test='#request.busiInfo.carrierType =="1"'>
									柜&nbsp;&nbsp;号：
								</s:if>
				<s:else>
									车牌号：
								</s:else>
			</td>
			<td>
				&nbsp;${busiInfo.carrierNo }
			</td>
			<td class="tit_l">
				<s:if test='#request.busiInfo.carrierType=="1"'>
								货柜尺寸：
								</s:if>
			</td>
			<td>
				&nbsp;
				<s:if test='#request.busiInfo.carrierType=="1"'>
									${busiInfo.carrierSize }
								</s:if>
			</td>
		</tr>


		<tr>
			<td class="tit_l" valign="top">
				货物描述：
			</td>
			<td>
				&nbsp;${busiInfo.goodsInfo }
			</td>
			<td class="tit_l">
				数&nbsp;&nbsp;量：
			</td>
			<td>
				&nbsp;${busiInfo.goodsNum }
			</td>
		</tr>

		<tr>
			<td class="tit_l" valign="top">
				详细信息：
			</td>
			<td colspan="3">
				&nbsp;${busiInfo.goodsDetail }
			</td>
		</tr>
		<!-- 图片显示 -->
		<tr>
			<td class="tit_l" valign="top">
				装载图片：
			</td>
			<td colspan="3">
				<s:if test='#request.imageList.size()<=0'>
					无
				</s:if>
				<s:else>
					<ul id="mycarousel" class="jcarousel-skin-tango">
						<s:iterator id="ca" value="#request.imageList">
						<li>
							<a
							href="<s:url action="busiInfo_viewImage">
								<s:param name="id"><s:property value="#request.busiInfo.busiNo"/></s:param>
								<s:param name="opId"><s:property value="#request.firstOpId"/></s:param>
							</s:url>" target="_blank">
							<img src="<%=request.getContextPath()%>/upload/busi/s_${ca.imageUrl}"
								width="100" height="100" alt="" />
							</a>
						</li>
						</s:iterator>
					</ul>
				</s:else>
			</td>
		</tr>
	</table>
	<span class="tit_small2"> 付运信息 </span>
	<table class="table_1" border="0" cellspacing="0" cellpadding="0">
		<tr align="center">
			<td class="tit_head" width="120">
				账户代码
			</td>
			<td class="tit_head" width="100">
				操作类型
			</td>
			<td class="tit_head" width="130">
				时间
			</td>
			<td class="tit_head" width="100">
				封条号
			</td>
			<td class="tit_head">
				备注
			</td>
		</tr>
		<s:iterator id="sa" value="#request.operList">
			<tr>
				<td>
					<s:property value="#sa.operUserid" />
				</td>
				<td valign="middle">
					<s:property value="showOpertype(#sa.operType)" />
					<s:if test="#sa.imageCount > 0">
						<a
							href="<s:url action="busiInfo_viewImage"><s:param name="id">
							<s:property value="#sa.busiNo"/></s:param>
							<s:param name="opId"><s:property value="#sa.id"/></s:param></s:url>"  target="_blank">
							<img src="<%=request.getContextPath()%>/images/imgTip.gif" /> </a>
					</s:if>
				</td>
				<td>
					<s:date name="#sa.operDate" format="yyyy-MM-dd HH:mm" />
				</td>
				<td>
					<s:property value="#sa.seqId" />
				</td>
				<td>
					<s:property value="showOperInfo(#sa)" />
				</td>
			</tr>
		</s:iterator>
	</table>
</div>
